<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- InstanceBegin template="/Templates/template-1.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="title page" -->
    <title>Liện Hệ</title>
    <!-- InstanceEndEditable -->
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript" src="js/jquery-1.6.4.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {

        });
    </script>
    </head>
    <body>
    <div id="main_container">
      <div class="top_bar">
        <div id="login_panel">
          <div id="hidden_panel">
            <div class="left">
              <h2> Chào mừng bạn đến với<br />
                Future Shop</h2>
              <p> Hãy đăng nhập để cảm nhận những điều thú vị nhé!</p>
              <p> Bạn chưa có tài khoản ư?<br />
                Còn chờ gì nữa, hãy nhanh tay <a href="#">đăng ký</a> nhé !!!</p>
            </div>
            <div class="left">
              <form action="#" method="post">
                <h2> Đăng Nhập Ở Đây</h2>
                <table width="100%" border="0" cellspacing="0" cellpadding="2px">
                  <tr>
                    <td><label> Tên đăng nhập:</label></td>
                    <td><input type="text" name="tbDangNhap" value="" size="23" /></td>
                  </tr>
                  <tr>
                    <td><label> Mật khẩu:</label></td>
                    <td><input type="password" name="tbPassword" size="23" /></td>
                  </tr>
                  <tr>
                    <td><input type="submit" name="submit" value="Đăng Nhập" /></td>
                    <td><label>
                        <input name="rememberme" type="checkbox" checked="checked" value="forever" />
                        Nhớ mật khẩu</label></td>
                  </tr>
                  <tr>
                    <td colspan="2"><a href="#">Quên mật khẩu ư?</a></td>
                  </tr>
                </table>
              </form>
            </div>
            <div class="left right">
              <h3> Nhập Captcha nào</h3>
              <img src="images/recaptcha.png" width="312" height="123" /> </div>
          </div>
          <div class="top_login">
            <div class="custom"> Hello, Guest</div>
            <div class="login_text">
              <div id="toggle"> <a id="open" class="open" href="#">Đăng Nhập | Đăng Ký</a> <a id="close" class="close"
                                href="#" style="display: none">Đóng</a> </div>
            </div>
          </div>
        </div>
        <div class="languages">
          <div class="lang_text"> Ngôn ngữ:</div>
          <a href="#" class="lang"> <img src="images/en.gif" alt="" title="" border="0" /></a> </div>
      </div>
      <div id="header">
        <div id="logo"> <a href="index.html"> <img src="images/logo.png" alt="" title="" border="0" width="291" height="95" /></a> </div>
        <!--begin of product slideshower-->
        <div class="slide_content">
          <div class="top_divider"> <img src="images/header_divider.png" alt="" title="" width="1" height="164" /></div>
          <div class="product_slide"> 
            <!--begin of slide content-->
            <div id="slide_show">
              <div id="slide_container">
                <div class="slide"> <img src="images/laptop.png" width="100" height="100" border="0" class="slide_img"
                                    alt="" />
                  <div class="slide_details">
                    <div class="slide_title"> HP 6530s</div>
                    <div class="slide_text"> Một sản phẩm đẳng cấp, một kiệt tác của nghệ thuật và một cỗ máy thách thức mọi
                      game với cấu hình khủng: CPU P4 1.8GHz, 512 MB RAM.</div>
                    <a href="details.html" class="details">Xem thêm</a> </div>
                </div>
                <div class="slide"> <img src="images/laptop.png" width="100" height="100" border="0" class="slide_img"
                                    alt="" />
                  <div class="slide_details">
                    <div class="slide_title"> HP 123</div>
                    <div class="slide_text"> Một sản phẩm đẳng cấp, một kiệt tác của nghệ thuật và một cỗ máy thách thức mọi
                      game với cấu hình khủng: CPU P4 1.8GHz, 512 MB RAM.</div>
                    <a href="details.html" class="details">Xem thêm</a> </div>
                </div>
                <div class="slide"> <img src="images/laptop.png" width="100" height="100" border="0" class="slide_img"
                                    alt="" />
                  <div class="slide_details">
                    <div class="slide_title"> HP 345</div>
                    <div class="slide_text"> Một sản phẩm đẳng cấp, một kiệt tác của nghệ thuật và một cỗ máy thách thức mọi
                      game với cấu hình khủng: CPU P4 1.8GHz, 512 MB RAM.</div>
                    <a href="details.html" class="details">Xem thêm</a> </div>
                </div>
                <div class="slide"> <img src="images/laptop.png" width="100" height="100" border="0" class="slide_img"
                                    alt="" />
                  <div class="slide_details">
                    <div class="slide_title"> HP 567</div>
                    <div class="slide_text"> Một sản phẩm đẳng cấp, một kiệt tác của nghệ thuật và một cỗ máy thách thức mọi
                      game với cấu hình khủng: CPU P4 1.8GHz, 512 MB RAM.</div>
                    <a href="details.html" class="details">Xem thêm</a> </div>
                </div>
              </div>
            </div>
            <!--end of slide content-->
            <div class="paging_slide"> <span class="current">1</span> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> </div>
          </div>
          <div class="top_divider"> <img src="images/header_divider.png" alt="" title="" width="1" height="164" /></div>
        </div>
        <!-- end of slide product slideshower--> 
      </div>
      <div id="main_content">
        <div id="menu_tab">
          <div class="left_menu_corner"> </div>
          <ul class="menu">
            <li><a href="index.html" class="nav1">Trang Chủ</a></li>
            <li class="divider"></li>
            <li><a href="#" class="nav2">Sản Phẩm</a></li>
            <li class="divider"></li>
            <li><a href="#" class="nav3">Khuyến Mãi</a></li>
            <li class="divider"></li>
            <li><a href="#" class="nav5">Vận Chuyển</a></li>
            <li class="divider"></li>
            <li><a href="contact.html" class="nav6">Liên Hệ</a></li>
            <li class="divider"></li>
            <li class="nav8">
              <div id="quick_search">
                <input type="button" id="btSearch" class="empty_bt" value="" />
                <input type="text" id="text_search" />
                <input type="button" id="btClear" class="empty_bt" value="" />
              </div>
            </li>
            <li><a href="#" class="nav7">Tìm Kiếm Nâng Cao</a></li>
          </ul>
          <div class="right_menu_corner"> </div>
        </div>
        <div class="crumb_navigation"> Path > <span class="current">Trang Chủ</span> </div>
        <div class="left_content">
          <div class="title_box"> Danh Mục</div>
          <ul class="left_menu">
            <li class="odd"><a href="#">Máy Tính</a>
              <ul>
                <li class="odd"><a href="#">iPad</a></li>
                <li class="even"><a href="#">PC</a></li>
                <li class="odd"><a href="#">Laptop</a></li>
                <li class="even"><a href="#">Notebook</a></li>
              </ul>
            </li>
            <li class="even"><a href="#">Điện Thoại</a>
              <ul>
                <li class="odd"><a href="#">Điện Thoại Di Động</a></li>
                <li class="even"><a href="#">Điện Thoại Bàn</a></li>
              </ul>
            </li>
            <li class="odd"><a href="#">Máy Ảnh</a>
              <ul>
                <li class="odd"><a href="#">Chuyên Nghiệp</a></li>
                <li class="even"><a href="#">Du Lịch</a></li>
                <li class="odd"><a href="#">Dùng Phim</a></li>
              </ul>
            </li>
            <li class="even"><a href="#">Televion</a>
              <ul>
                <li class="odd"><a href="#">LCD</a></li>
                <li class="even"><a href="#">LED</a></li>
                <li class="odd"><a href="#">Plasma</a></li>
                <li class="even"><a href="#">CRT</a></li>
              </ul>
            </li>
            <li class="odd"><a href="#">Máy Chơi Game</a>
              <ul>
                <li class="odd"><a href="#">XBOX 360</a></li>
                <li class="even"><a href="#">PlayStation 3</a></li>
                <li class="odd"><a href="#">Nitendo Wii</a></li>
                <li class="even"><a href="#">Nitendo 3DS</a></li>
                <li class="odd"><a href="#">PSP</a></li>
              </ul>
            </li>
            <li class="even"><a href="#">Máy Chiếu</a></li>
          </ul>
          <div class="title_box"> Danh Mục Theo NSX</div>
          <ul class="left_menu">
            <li class="odd"><a href="#">Apple</a>
              <ul>
                <li class="odd"><a href="#">Điện Thoại</a></li>
                <li class="even"><a href="#">Máy Tính</a></li>
                <li class="odd"><a href="#">Máy Nghe Nhạc</a></li>
                <li class="even"><a href="#">Tivi</a></li>
              </ul>
            </li>
            <li class="even"><a href="#">Nokia</a>
              <ul>
                <li class="odd"><a href="#">Điện Thoại</a></li>
              </ul>
            </li>
            <li class="odd"><a href="#">LG</a>
              <ul>
                <li class="odd"><a href="#">Điện Thoại</a></li>
                <li class="even"><a href="#">Máy Tính</a></li>
                <li class="odd"><a href="#">Máy Nghe Nhạc</a></li>
                <li class="even"><a href="#">Tivi</a></li>
              </ul>
            </li>
            <li class="even"><a href="#">Samsung</a>
              <ul>
                <li class="odd"><a href="#">Điện Thoại</a></li>
                <li class="even"><a href="#">Máy Tính</a></li>
                <li class="odd"><a href="#">Máy Nghe Nhạc</a></li>
                <li class="even"><a href="#">Tivi</a></li>
              </ul>
            </li>
          </ul>
          <div class="title_box"> Bán Chạy Tuần Qua</div>
          <div class="border_box"> 
            <!--ban chay-->
            <div class="bs_product">
              <div class="bs_product_img"> <img src="images/mobile.jpg" height="40" width="40" /></div>
              <div class="bs_product_content"> <span>Samsung SS107</span><br />
                <span class="price">350 VNĐ</span> </div>
            </div>
            <div class="bs_product">
              <div class="bs_product_img"> <img src="images/digitalcamera.jpg" height="40" width="40" /></div>
              <div class="bs_product_content"> <span>Cannon MX-12</span><br />
                <span class="price">1350 VNĐ</span> </div>
            </div>
            <div class="bs_product">
              <div class="bs_product_img"> <img src="images/mobile-2.jpg" height="40" width="40" /></div>
              <div class="bs_product_content"> <span>Iphone 4GS</span><br />
                <span class="price">3570 VNĐ</span> </div>
            </div>
            <div class="bs_product bottom_product_bs">
              <div class="bs_product_img"> <img src="images/laptop.jpg" height="40" width="40" /></div>
              <div class="bs_product_content"> <span>HP MM-12</span><br />
                <span class="price">3950 VNĐ</span> </div>
            </div>
          </div>
          <div class="banner_adds"> <a href="#"> <img src="images/bann2.png" alt="" border="0" title="" /></a> <a href="#"> <img src="images/bann3.png" alt="" border="0" title="" /></a> </div>
        </div>
        <div class="center_content"> 
          <!--center content here--> 
          <!-- InstanceBeginEditable name="center content" -->
          <div class="center_title_bar">Liên Hệ</div>
          <div class="prod_box_big">
            <div class="top_prod_box_big"> </div>
            <div class="center_prod_box_big">
              <div class="contact_form">
                <div class="form_row">
                  <label class="contact"> <strong>Họ tên:</strong></label>
                  <input type="text" class="contact_input" />
                </div>
                <div class="form_row">
                  <label class="contact"> <strong>Email:</strong></label>
                  <input type="text" class="contact_input" />
                </div>
                <div class="form_row">
                  <label class="contact"> <strong>ĐIện thoại:</strong></label>
                  <input type="text" class="contact_input" />
                </div>
                <div class="form_row">
                  <label class="contact"> <strong>Địa chỉ:</strong></label>
                  <input type="text" class="contact_input" />
                </div>
                <div class="form_row">
                  <label class="contact"> <strong>Nội dụng:</strong></label>
                  <textarea class="contact_textarea"></textarea>
                </div>
                <div class="form_row"> <a href="#" class="contact">send</a> </div>
              </div>
            </div>
            <div class="bottom_prod_box_big"> </div>
          </div>
          <!-- InstanceEndEditable --> </div>
        <div class="right_content">
          <div class="shopping_cart">
            <div class="cart_title"> Giỏ Hàng Của Guest</div>
            <div class="cart_details"> 7 sản phẩm<br />
              <span class="border_cart"></span>Tổng cộng: <span class="price">35000 VNĐ</span> </div>
            <div class="cart_icon"> <a href="#" title="header=[Checkout] body=[&nbsp;] fade=[on]"> <img src="images/shoppingcart.png" alt="" title="" width="48" height="48" border="0" /></a></div>
          </div>
          <div class="title_box"> Sản Phẩm Mới</div>
          <div class="border_box">
            <div class="product_title"> <a href="details.html">Motorola 156 MX-VL</a></div>
            <div class="product_img"> <a href="details.html"> <img src="images/p2.gif" alt="" title="" border="0" /></a></div>
            <div class="prod_price"> <span class="reduce">350</span> <span class="price">270 VNĐ</span></div>
          </div>
          <div class="title_box"> Khuyến Mãi Đặc Biệt</div>
          <div class="border_box">
            <div class="product_title"> <a href="details.html">Motorola 156 MX-VL</a></div>
            <div class="product_img"> <a href="details.html"> <img src="images/laptop.png" alt="" title="" border="0" /></a></div>
            <div class="prod_price"> <span class="reduce">350</span> <span class="price">270 </span><span class="price">VNĐ</span></div>
          </div>
          <div class="banner_adds"> <a href="#"> <img src="images/bann1.jpg" alt="" title="" border="0" /></a> </div>
        </div>
      </div>
      <div class="footer">
        <div class="left_footer"> <img src="images/footer_logo.png" alt="" title="" width="186" height="46" /> </div>
        <div class="center_footer"> ViBiVa Group Designed.<br />
          <br />
        </div>
        <div class="right_footer"> <strong>Java Cho Hệ Thống Phân Tán - Thầy Nguyễn Hoàng Anh</strong></div>
      </div>
    </div>
</body>
<!-- InstanceEnd -->
</html>